.Courseware_Body {
  width: 100%;
  height: 100%;
  padding: 20px;
}
.Courseware_Top {
  margin-top: 20px;
  width: 100%;
  height: 64px;
}
.Courseware_Top_left {
  float: left;
  width: 60%;
  height: 100%;
}
.Courseware_Top_right {
  float: left;
  width: 40%;
  height: 100%;
  padding-top: 16px;
}
.Courseware_1_Top_right {
  float: left;
  width: 40%;
  height: 100%;
}
.Courseware_1_Top_right > div:first-child {
  widtH: 100%;
  height: 50%;
}
.Courseware_1_Top_right > div:last-child {
  widtH: 100%;
  height: 50%;
}
hr {
  height: 1px;
  background: #f4f5f9;
  margin: 30px 0;
  border: 0;
}
.Courseware_Middle {
  width: 100%;
  height: 40px;
}
.Courseware_Middle > div {
  float: left;
}
.Courseware_Middle_mulu {
  margin-left: 29px;
  font-size: 1.1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
}
.Courseware_Middle_div {
  display: flex;
  margin-right: 40px;
}
.Courseware_Middle_span {
  margin-left: 10px;
  font-size: 1.1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  float: left;
}
.Courseware_Middle_right {
  float: right !important;
  font-size: 0.9rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}
.Courseware_Middle_right > span:first-child {
  color: red;
  float: left;
  margin: 0.2rem;
}
.Courseware_bottom > div {
  margin-bottom: 10px;
}
